page {
  background: rgba(250, 250, 250, 1);
}

.container {
  .header {
    display: flex;
    flex-direction: column;
    align-items: center;
    .logo {
      margin-top: 36px;
      width:70px;
      height:70px;
      background:rgba(255,255,255,1);
      border-radius:14px;
      border:1px solid rgba(240,240,240,1);
    }
    .version {
      margin-top: 17px;
      width:101px;
      height:22px;
      font-size:16px;
      font-family:PingFangSC-Regular,PingFang SC;
      font-weight:400;
      color:rgba(51,51,51,1);
      line-height:22px;
    }
  }

  .main {
    .about {
      border: 1px solid blue;
      box-sizing: border-box;
      width:345px;
      background:rgba(255,255,255,1);
      box-shadow:0px 4px 12px 0px rgba(82,57,31,0.1);
      border-radius:4px;
      border:1px solid rgba(248,248,248,1);
      margin: 16px 15px;
      padding: 12px;
      .title {
        font-size:14px;
        font-family:PingFangSC-Regular,PingFang SC;
        font-weight:400;
        color:rgba(153,153,153,1);
        line-height:20px;
        padding: 10px 0 9px 0;
      }
      .content {
        font-size:14px;
        font-family:PingFangSC-Regular,PingFang SC;
        font-weight:400;
        color:rgba(102,102,102,1);
        letter-spacing: 0.2px;
        line-height:21px;
        margin-bottom: 12px;
      }
    }
    .other {
      display: flex;
      flex-direction: column;
      left: 0;
      right: 0;
      margin: 0 auto;
      width: 345px;
      background: rgba(255, 255, 255, 1);
      box-shadow: 0px 4px 12px 0px rgba(82, 57, 31, 0.1);
      border-radius: 4px;
      border: 1px solid rgba(248, 248, 248, 1);

      .list {
        padding: 12px;
        border-bottom: 1px solid #E8E8E8;
        letter-spacing: 0.24px;
        &:last-of-type {
          border: none;
        }

        .title {
          width: 145px;
          height: 20px;
          font-size: 14px;
          font-family: PingFangSC-Regular, PingFang SC;
          font-weight: 400;
          color: rgba(102, 102, 102, 1);
          line-height: 20px;
        }

        .desc {
          float: right;
          text-align: right;
          width: 176px;
          height: 20px;
          font-size: 14px;
          font-family: PingFangSC-Regular, PingFang SC;
          font-weight: 400;
          color: rgba(51, 51, 51, 1);
          line-height: 20px;
        }
      }
    }
  }

  .footer {
    text-align: center;
    font-size:10px;
    font-family:PingFangSC-Regular,PingFang SC;
    font-weight:400;
    letter-spacing: 0.03px;
    color:rgba(102,102,102,1);
    line-height:14px;
    margin: 56px auto 10px;
  }
}

